<div class="thumbnail">
    <img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1139921196,3599832705&fm=27&gp=0.jpg" alt="">
   <div>
     <h4 class="pull-right">{{product.price}}元</h4>
     <h4>商品id:{{product.id}}</h4>
     <p>商品名称: {{product.title}}</p>
     <!--<button>测试</button>-->
   </div>

  <div>
    <p class="pull-right">2</p>

    <input type="text" placeholder="请输入需要自定义的星级个数" [(ngModel)]="customStartCount">
    <br>
    自定义的星级数量：{{customStartCount | number:'1.1-1' }}
    <br>
    随机的星级数量：{{starts.startCount | number:'1.1-1' }}
    <app-order-starts [start]="starts"></app-order-starts>
    <p>
      <!--<app-stars [rating]="customStartCount" (lastStart)="lastStarthandler($event)"></app-stars>-->
      <app-stars [rating]="customStartCount" (buy)="buyhandler($event)"></app-stars>

    </p>
  </div>

  <a [routerLink]="['./']" (click)="doOnClick($event)" >商品描述</a> &nbsp;&nbsp;&nbsp;
  <a [routerLink]="['./packaging', 6]">详细参数</a>

  <router-outlet></router-outlet>
</div>

<div class="well">
  <div class="row">
    <hr>
    <div class="col-md-12">
        <app-stars [rating]="2"></app-stars>
        <span>张三</span>
        <span class="pull-right">2017-12-12 10:30:25</span>
        <p></p>
        <p>垃圾手机</p>
    </div>
  </div>

  <div class="row">
    <hr>
    <div class="col-md-12">
      <app-stars [rating]="2"></app-stars>
      <span>张三</span>
      <span class="pull-right">2017-12-12 10:30:25</span>
      <p></p>
      <p>垃圾手机</p>
    </div>
  </div>

  <div class="row">
    <hr>
    <div class="col-md-12">
      <app-stars [rating]="2"></app-stars>
      <span>张三</span>
      <span class="pull-right">2017-12-12 10:30:25</span>
      <p></p>
      <p>垃圾手机</p>
    </div>
  </div>
</div>

